<!DOCTYPE HTML>
<html lang="de" dir="ltr">
	<head>
		<meta charset="utf-8" />
		
		<title></title>
		
		<meta name="author" content="" />
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		
		<meta name="generator" content="Corsection Framework" />
		<link rel="shortcut icon" type="image/x-icon" href="gfx/favicon.ico" />
		
		<!-- Corsection Framework | Copyright (c) 2010, Mirko Brunn
				MIT License & Creative-Commons-BY-SA-3.0 License -->
		<link rel="stylesheet" type="text/css" media="all" href="css/corsection/import.css" />
		
		<!--[if IE]>
			<script type="text/javascript">
				document.createElement('header');
				document.createElement('hgroup');
				document.createElement('nav');
				document.createElement('article');
				document.createElement('section');
				document.createElement('aside');
				document.createElement('footer');
			</script>
		<![endif]-->
		
	</head>
	
	<body>
	
		<div class="corsection">
			<header>
				<hgroup>
					<h1>*Webseite*</h1>
					<h2>*Slogan*</h2>
				</hgroup>
				<nav>
					<a href="/">Startseite</a>
				</nav>
			</header>
		</div>
		
		<div class="corsection">
			<hr />
			<article>
				<header>
					<h3>Heading 3</h3>
					<p>Falls unerwünscht, kann dieser Header Block einfach entfernt werden.</p>
					<p>Lorem ipsum dolor sit amet, iriure dolore facto similia filiam in deinde plectrum anni ipsa mihi. Accedens est amet consensit cellula rei completo litus tuos ratio omnes caput vero cum. Communicabilis sicut in deinde duas formis suos Tyrium coniugem eo dicimus quis auxilio quid nobis.</p>
				</header>
				<hr />
				
				<!-- Section START-->
				<div class="corset-1">
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, perveniunt felicibus oportebat. C in rei finibus veteres hoc ambulare facere matrimonium petivit ipse rebum scias tua.</p>
					</section>
				</div>
				<hr />
				<div class="corset-2">
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, perveniunt felicibus oportebat. C in rei finibus veteres hoc ambulare facere matrimonium petivit ipse rebum scias tua.</p>
					</section>
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, singulas noveras aliqui civitatem aetate. Neque capite horridus instrueres in fuerat se vero cum, pentapolim Cyrenaeorum tertia domina tu mihi servitute coniunx.</p>
					</section>
				</div>
				<hr />
				<div class="corset-3">
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, perveniunt felicibus oportebat. C in rei finibus veteres hoc ambulare facere matrimonium petivit ipse rebum scias tua.</p>
					</section>
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, perveniunt felicibus oportebat. C in rei finibus veteres hoc ambulare facere matrimonium petivit ipse rebum scias tua.</p>
					</section>
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, singulas noveras aliqui civitatem aetate. Neque capite horridus instrueres in fuerat se vero cum, pentapolim Cyrenaeorum tertia domina tu mihi servitute coniunx.</p>
					</section>
				</div>
				<hr />
				<div class="corset-4">
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, perveniunt felicibus oportebat. C in rei finibus veteres hoc ambulare facere matrimonium petivit ipse rebum scias tua.</p>
					</section>
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, perveniunt felicibus oportebat. C in rei finibus veteres hoc ambulare facere matrimonium petivit ipse rebum scias tua.</p>
					</section>
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, singulas noveras aliqui civitatem aetate. Neque capite horridus instrueres in fuerat se vero cum, pentapolim Cyrenaeorum tertia domina tu mihi servitute coniunx.</p>
					</section>
					<section>
						<h4>Heading 4</h4>
						<p>Lorem ipsum dolor sit amet, perveniunt felicibus oportebat. C in rei finibus veteres hoc ambulare facere matrimonium petivit ipse rebum scias tua.</p>
					</section>
				</div>
				<!-- Section END -->
				
			</article>
			
			<aside>
				<!-- Sidebox START -->
				<div class="sidebox">
					<h5>Sidebox</h5>
					<p>Lorem ipsum dolor sit amet, descendit rationis ad per dicis filiam sunt. Haec puella ut casus inferioribus civitatis civium eum. O a lenoni vidit pater ostendit hoc puella mihi, possit caput vero rex in lucem concitaverunt in rei exultant deo. Lorem ipsum dolor sit amet, descendit rationis ad per dicis filiam sunt.</p>
				</div>
				<div class="sidebox">
					<h5>Sidebox</h5>
					<ol>
						<li>List Item 1</li>
						<li>List Item 2</li>
							<ol>
								<li>List Item 1</li>
								<li>List Item 2</li>
									<ol>
										<li>List Item 1</li>
										<li>List Item 2</li>
									</ol>
								</li>
							</ol>
						</li>
					</ol>
					<hr />
					<ul>
						<li>List Item 1</li>
						<li>List Item 2</li>
							<ul>
								<li>List Item 1</li>
								<li>List Item 2</li>
									<ul>
										<li>List Item 1</li>
										<li>List Item 2</li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
					<hr />
					<dl>
						<dt>Definition 1</dt>
						<dd>Definition Info</dd>
						<dt>Definition 2</dt>
						<dd>Definition Info</dd>
					</dl>
				</div>
				<!-- Sidebox END -->
			</aside>
		</div>
		
		<div class="corsection">
			<hr />
			<footer>
				<h6>*Webseite*</h6>
				<p><small>Copyright (c) 2010, *Name* | <a href="impressum.html">Impressum</a> |
				<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fmibru.de%2Fcorsection%2Findex.html">HTML5</a> |
				<a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmibru.de%2Fcorsection%2Findex.html&amp;profile=css3&amp;usermedium=all&amp;warning=1">CSS3</a></small></p>
			</footer>
		</div>
		
	</body>
</html>